<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,initial-scale=1.0" name="viewport">
    <link href="<%= BASE_URL %>favicon.ico" rel="icon">
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css" rel="stylesheet">
    <style>
        ::-webkit-scrollbar {
            width: 8px;
            height: 4px
        }

        ::-webkit-scrollbar-button {
            width: 8px;
            height: 0
        }

        ::-webkit-scrollbar-track {
            background: #3b3b3b;
            opacity: 100
        }

        ::-webkit-scrollbar-thumb {
            background: #5a5a5a;
            -webkit-transition: .3s;
            transition: .3s
        }

        ::-webkit-scrollbar-thumb:hover {
            background-color: #5e5e5e
        }

        ::-webkit-scrollbar-thumb:active {
            background-color: #5e5e5e
        }
    </style>
</head>

<body>
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>

</html>